<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>样式</title>
    <style>
        .div1 p {
            font-family: "宋体", "楷体";
        }
        
        .div2 span:nth-of-type(1) {
            color: rebeccapurple;
            font-family: "楷体";
            font-size: 2em;
            font-weight: 700;
            font-style: normal;
        }
        
        .div2 span:nth-of-type(2) {
            color: rebeccapurple;
            font-family: "楷体";
            font-size: 2em;
            font-weight: 400;
            font-style: initial;
        }
        /* @font-face {
            font-style: "font-2023";
            src: url(./././);
        }
         */
        
        .div2 span:nth-of-type(3) {
            color: rebeccapurple;
            font-family: "font-22023";
            font-size: 2em;
            font-weight: 400;
            font-style: initial;
        }
    </style>
</head>

<body>
    <div class="div1">
        <p>小黑子小黑子小黑子小黑子小黑子小黑子小黑子小黑子小黑子</p>
    </div>

    <div class="div2">
        <span>小黑子1</span>
        <span>小黑子2</span>
        <span>小黑子3</span>
    </div>

</body>

</html>